import Vue from 'vue'
import Router from 'vue-router'
// @ 代表一个绝对路径，就是 项目根目录中 的 src 这一层目录
import Login from '@/components/login/Login'
// 导入后台的Home主页
import Home from '@/components/home/Home'
// 导入欢迎的组件
import Welcome from '@/components/home/welcome'
// 导入用户列表组件
import Users from '@/components/users/user'
// 导入权限管理列表
import Rights from '@/components/power/Rights'
// 角色列表
import Roles from '@/components/power/Roles'
// 商品列表
import categories from '@/components/Goods/categories'

Vue.use(Router)

export default new Router({
  routes: [
    {
      // 如果访问的是 / 根路径，则 重定向到 /login 登录页面
      path: '/',
      redirect: '/login'
    },
    {
      // 登录页面的路由规则
      path: '/login',
      component: Login
    },
    {
      path: '/home',
      component: Home,
      redirect: '/welcome',
      children: [
        {
          path: '/welcome',
          component: Welcome
        },
        {
          path: '/users',
          component: Users
        },
        // 权限列表
        {
          path: '/rights',
          component: Rights
        },
        // 角色列表
        {
          path: '/roles',
          component: Roles
        },
        // 商品列表
        {
          path: '/categories',
          component: categories
        }
      ]
    }
  ]
})
